<template>
  <div class="footer">
    <div class="footer-wrap clearfix">
      <div class="copyright">
        <p class="music-link">
          <a href="">服务条款</a><span>|</span><a href="">隐私政策</a><span>|</span
          ><a href="">儿童隐私政策</a><span>|</span><a href="">版权投诉</a><span>|</span
          ><a href="">投资者关系</a><span>|</span><a href="">广告合作</a><span>|</span
          ><a href="">廉正举报</a><span>|</span><a href="">联系我们</a>
        </p>
        <p class="copyright-link">
          <span class="span">本网站仅供学习交流，如作他用所承受的法律责任一概与作者无关</span
          ><span>©2023-2099</span>
        </p>
      </div>
      <div class="frend-link">
        <ul class="ul-wrap">
          <li v-for="(item, index) in frend_link" :key="index" class="unit">
            <a :href="item.fl_href" :class="item.fl_logo" class="fl_logo foot_enter_new"></a
            ><span :class="item.fl_tt" class="fl_tt foot_enter_tt"></span>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      frend_link: [
        {
          fl_logo: 'logo-amped',
          fl_tt: 'tt-amped',
          fl_href: 'https://web-amped.music.163.com/'
        },
        {
          fl_logo: 'logo-auth',
          fl_tt: 'tt-auth',
          fl_href: 'https://music.163.com/st/userbasic#/auth'
        },
        {
          fl_logo: 'logo-musician',
          fl_tt: 'tt-musician',
          fl_href: 'https://music.163.com/musician/artist'
        },
        {
          fl_logo: 'logo-reward',
          fl_tt: 'tt-reward',
          fl_href: 'https://music.163.com/web/reward'
        },
        {
          fl_logo: 'logo-cash',
          fl_tt: 'tt-cash',
          fl_href: 'https://music.163.com/st/ncreator/revenue-plan'
        }
      ]
    }
  }
}
</script>

<style lang="less" scoped>
// @import './subnav.less';
@import './footer.less';
</style>
